/* 文本样式 */

/* 样式1 */
.text-plus-1 {
    position: relative;
    font-family: "Arial", sans-serif;
    color: #3d3d3d;
    font-size: 85px;
    font-weight: bold;    
    text-shadow: 0 -1px 0 #858585, 0 1px 10px rgba(0, 0, 0, .6), 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 7px 10px rgba(0, 0, 0, .25), 0 15px 10px rgba(0, 0, 0, .2), 0 25px 15px rgba(0, 0, 0, .15);
    background-color: #272727;  
}
  
.text-plus-1:after {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: -moz-linear-gradient(top, #272727 0%, rgba(39, 39, 39, 0) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #272727), color-stop(100%,rgba(39, 39, 39, 0)));
      background: -webkit-linear-gradient(top, #272727 0%, rgba(39, 39, 39, 0) 100%);
      background: -o-linear-gradient(top, #272727 0%, rgba(39, 39, 39, 0) 100%);
      background: -ms-linear-gradient(top, #272727 0%, rgba(39, 39, 39, 0) 100%);
      background: linear-gradient(to bottom, #272727 0%, rgba(39, 39, 39, 0) 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#272727', endColorstr='#00272727', GradientType=0);
  }
  
  

/* 样式2 */
  .text-plus-2 {
    width: 100%;
    text-align:center;
    color:white;
    font-weight:bold;
    font-size:30px;
    position:relative;
    background-color: #272727;
}
  
.text-plus-2:after {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity:0.5;
  	  background:linear-gradient(to bottom,black 0%,transparent 50%,black)
  }





.text-plus-3{color:hsl(200,75%,35%);text-shadow:0 0 1px currentColor,
-1px -1px 1px hsl(200,75%,45%),
0 -1px 1px hsl(200,75%,40%),
-1px 0 1px hsl(200,75%,35%),
1px -1px 1px hsl(200,75%,35%),
1px 0 1px hsl(200,75%,30%),
1px 1px 1px hsl(200,75%,30%),
0 1px 1px hsl(200,75%,30%),
-1px 1px 1px hsl(200,75%,30%),

-2px -2px 1px hsl(200,75%,75%),
-2px -1px 1px hsl(200,75%,60%),
-2px 0 1px hsl(200,75%,60%),
-1px -2px 1px hsl(200,75%,50%),
0 -2px 1px hsl(200,75%,50%),
1px -2px 1px hsl(200,75%,50%),
2px -2px 1px hsl(200,75%,35%),
2px -1px 1px hsl(200,75%,35%),
2px 0 1px hsl(200,75%,30%),
2px 1px 1px hsl(200,75%,10%),
2px 2px 1px hsl(200,75%,10%),
1px 2px 1px hsl(200,75%,15%),
0 2px 1px hsl(200,75%,10%),
-1px 2px 1px hsl(200,75%,20%),
-2px 2px 1px hsl(200,75%,20%),
-2px 1px 1px hsl(200,75%,10%),

-3px -3px 1px #006,
-2px -3px 1px #006,
-1px -3px 1px #006,
0 -3px 1px #006,
1px -3px 1px #006,
2px -3px 1px #006,
3px -3px 1px #006,
3px -2px 1px #006,
3px -1px 1px #006,
3px 0 1px #006,
3px 1px 1px #006,
3px 2px 1px #006,
3px 3px 2px #006,
2px 3px 1px #006,
1px 3px 1px #006,
0 3px 1px #006,
-1px 3px 1px #006,
-2px 3px 1px #006,
-3px 3px 1px #006,
-3px 2px 1px #006,
-3px 1px 1px #006,
-3px 0 1px #006,
-3px -1px 1px #006,
-3px -2px 1px #006
}
.text-plus-3:before{content:var(--text);top:-4px;margin-left:-4px;color:transparent;text-shadow:1px 1px 3px hsl(200,75%,75%);opacity:.4}
.mid:after{content:var(--text);color:#000;opacity:.5;text-shadow:0 0 1px currentColor}

.text-plus-4{color:hsl(10,100%,40%);text-shadow:0 0 2px currentColor,
0 -1px 1px hsl(40,100%,80%),
-1px -1px 1px hsl(10,100%,40%),
1px -1px 1px hsl(10,100%,40%),
1px 0 1px hsl(10,100%,40%),
0 -1px 1px hsl(10,100%,40%),
0 1px 1px hsl(10,100%,20%),
1px 1px 1px hsl(10,100%,40%),
-1px 1px 1px hsl(10,100%,40%),

-2px -2px 1px hsl(10,100%,20%),
-1px -2px 1px hsl(10,100%,20%),
0 -2px 1px hsl(10,100%,20%),
1px -2px 1px hsl(10,100%,20%),
2px -2px 1px hsl(10,100%,20%),
2px -1px 1px hsl(10,100%,20%),
2px 0 1px hsl(10,100%,20%),
2px 1px 1px hsl(10,100%,20%),
2px 2px 1px hsl(10,100%,20%),
1px 2px 1px hsl(10,100%,20%),
0 2px 3px hsl(10,100%,20%),
-1px 2px 1px hsl(10,100%,20%),
-2px 2px 1px hsl(10,100%,20%),
-2px 1px 1px hsl(10,100%,20%),
-2px 0 1px hsl(10,100%,20%),
-2px -1px 1px hsl(10,100%,20%)
}
.text-plus-4:before{content:var(--text);top:-3px;color:transparent;text-shadow:0 1px 2px #ff6;opacity:.4}
.text-plus-4:after{content:var(--text);top:.3em;color:transparent;text-shadow:0 0 6px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.8);transform:scaleY(.5);z-index:-1}

.text-plus-5{color:hsl(184,80%,25%);text-shadow:0 0 1px currentColor,
/*highlight*/
-1px -1px 1px hsl(184,80%,50%),
0 -1px 1px hsl(184,80%,55%),
1px -1px 1px hsl(184,80%,50%),
/*light shadow*/
1px 1px 1px hsl(184,80%,10%),
0 1px 1px hsl(184,80%,10%),
-1px 1px 1px hsl(184,80%,10%),
/*outline*/
-2px -2px 1px hsl(184,80%,15%),
-1px -2px 1px hsl(184,80%,15%),
0 -2px 1px hsl(184,80%,15%),
1px -2px 1px hsl(184,80%,15%),
2px -2px 1px hsl(184,80%,15%),
2px -1px 1px hsl(184,80%,15%),
2px 0 1px hsl(184,80%,15%),
2px 1px 1px hsl(184,80%,15%),
-2px 0 1px hsl(184,80%,15%),
-2px -1px 1px hsl(184,80%,15%),
-2px 1px 1px hsl(184,80%,15%),
/*dark shadow*/
2px 2px 2px hsl(184,80%,5%),
1px 2px 2px hsl(184,80%,5%),
0 2px 2px hsl(184,80%,5%),
-1px 2px 2px hsl(184,80%,5%),
-2px 2px 2px hsl(184,80%,5%)
}

.text-plus-6{font-weight:bold;color:#000/*FF*/;text-shadow:0 0 1px currentColor,
2px  0   1px #98c0e8,  0   2px  1px #083058,  2px  1px  1px #98c0e8,  1px  2px  1px #083058,  2px  2px  1px #487098,
3px  1px 1px #98c0e8,  1px 3px  1px #083058,  3px  2px  1px #98c0e8,  2px  3px  1px #083058,  3px  3px  1px #487098,
4px  2px 1px #98c0e8,  2px 4px  1px #083058,  4px  3px  1px #98c0e8,  3px  4px  1px #083058,  4px  4px  1px #487098,
5px  3px 1px #98c0e8,  3px 5px  1px #083058,  5px  4px  1px #98c0e8,  4px  5px  1px #083058,  5px  5px  1px #487098,
6px  4px 1px #98c0e8,  4px 6px  1px #083058,  6px  5px  1px #98c0e8,  5px  6px  1px #083058,  6px  6px  1px #487098,
7px  5px 1px #98c0e8,  5px 7px  1px #083058,  7px  6px  1px #98c0e8,  6px  7px  1px #083058,  7px  7px  1px #487098,
8px  6px 1px #98c0e8,  6px 8px  1px #083058,  8px  7px  1px #98c0e8,  7px  8px  1px #083058,  8px  8px  1px #487098,
9px  7px 1px #98c0e8,  7px 9px  1px #083058,  9px  8px  1px #98c0e8,  8px  9px  1px #083058,  9px  9px  1px #487098,
10px 8px 1px #98c0e8,  8px 10px 1px #083058,  10px 9px  1px #98c0e8,  9px  10px 1px #083058,  10px 10px 1px #487098,
11px 9px 1px #98c0e8,  9px 11px 1px #083058,  11px 10px 1px #98c0e8,  10px 11px 1px #083058,  11px 11px 1px #487098,
2px -1px 1px #666,
3px  0   1px #666,
4px  1px 1px #666,
5px  2px 1px #666,
6px  3px 1px #666,
7px  4px 1px #666,
8px  5px 1px #666,
9px  6px 1px #666,
10px 7px 1px #666,
11px 8px 1px #666,
12px 9px 1px #666,
12px 10px 1px #666,
11px 11px 1px #666
}
.text-plus-6:before,.text-plus-6:after{content:var(--text)}
.text-plus-6:before{color:rgb(40,80,120);text-shadow:0 0 1px currentColor,-1px -1px 1px #000,0 -1px 1px #000,1px -1px 1px #000,1px 0 1px #000,1px 1px 1px #000,0 1px 1px #000,-1px 1px 1px #000,-1px 0 1px #000}
.text-plus-6:after{color:rgba(40,80,120,.1);text-shadow:-1px 0 1px rgba(40,80,120,.8),1px -1px 1px rgba(255,255,255,.8);-webkit-filter:url(#light-top);filter:url(#light-top)}

.text-plus-7{font-weight:bold;color:#000/*FF*/;text-shadow:0 0 1px currentColor,
2px  0   1px #083058,  0   2px  1px #98c0e8,  2px  1px  1px #083058,  1px  2px  1px #98c0e8,  2px  2px  1px #487098,
3px  1px 1px #083058,  1px 3px  1px #98c0e8,  3px  2px  1px #083058,  2px  3px  1px #98c0e8,  3px  3px  1px #487098,
4px  2px 1px #083058,  2px 4px  1px #98c0e8,  4px  3px  1px #083058,  3px  4px  1px #98c0e8,  4px  4px  1px #487098,
5px  3px 1px #083058,  3px 5px  1px #98c0e8,  5px  4px  1px #083058,  4px  5px  1px #98c0e8,  5px  5px  1px #487098,
6px  4px 1px #083058,  4px 6px  1px #98c0e8,  6px  5px  1px #083058,  5px  6px  1px #98c0e8,  6px  6px  1px #487098,
7px  5px 1px #083058,  5px 7px  1px #98c0e8,  7px  6px  1px #083058,  6px  7px  1px #98c0e8,  7px  7px  1px #487098,
8px  6px 1px #083058,  6px 8px  1px #98c0e8,  8px  7px  1px #083058,  7px  8px  1px #98c0e8,  8px  8px  1px #487098,
9px  7px 1px #083058,  7px 9px  1px #98c0e8,  9px  8px  1px #083058,  8px  9px  1px #98c0e8,  9px  9px  1px #487098,
10px 8px 1px #083058,  8px 10px 1px #98c0e8,  10px 9px  1px #083058,  9px  10px 1px #98c0e8,  10px 10px 1px #487098,
11px 9px 1px #083058,  9px 11px 1px #98c0e8,  11px 10px 1px #083058,  10px 11px 1px #98c0e8,  11px 11px 1px #487098,
11px 11px 1px #666,
11px 12px 1px #666,
10px 12px 1px #666,
9px 12px 1px #666,
8px 11px 1px #666,
7px 10px 1px #666,
6px 9px 1px #666,
5px 8px 1px #666,
4px 7px 1px #666,
3px 6px 1px #666,
2px 5px 1px #666,
1px 4px 1px #666,
0 3px 1px #666,
-1px 2px 1px #666,
20px 8px 8px rgba(0,0,0,.7)}
.text-plus-7:before,.text-plus-7:after{content:var(--text)}
.text-plus-7:before{color:rgb(40,80,120);text-shadow:0 0 1px currentColor,-1px -1px 1px #003,0 -1px 1px #003,1px -1px 1px #003,1px 0 1px #003,1px 1px 1px #003,0 1px 1px #003,-1px 1px 1px #003,-1px 0 1px #003}
.text-plus-7:after{color:rgba(40,80,120,.1);text-shadow:1px -1px 1px rgba(40,80,120,.8),-1px 1px 1px rgba(255,255,255,.8)}

.text-plus-8{color:red;text-shadow:0 0 1px currentColor,-1px -1px 1px #300,0 -1px 1px #300,1px -1px 1px #300,1px 0 1px #300,1px 1px 1px #300,0 1px 1px #300,-1px 1px 1px #300,-1px 0 1px #300}
.text-plus-8:before,.text-plus-8:after{content:var(--text);z-index:-1}
.text-plus-8:before{-webkit-filter:url(#dilate10);filter:url(#dilate10)}
.text-plus-8:after{color:#ddd;-webkit-filter:url(#dilate6);filter:url(#dilate6)}

.text-plus-9{color:#369;font-weight:bold;text-shadow:0 0 1px currentColor,1px 1px 1px #000,2px 2px 3px #000}
.text-plus-9:after{content:var(--text);color:#fff;text-shadow:0 0 1px #fff;-webkit-filter:url(#erode2);filter:url(#erode2)}

.text-plus-10{color:green;font-weight:bold;text-shadow:0 0 1px currentColor,-1px -1px 1px #030,0 -1px 1px #030,1px -1px 1px #030,1px 0 1px #030,1px 1px 1px #030,0 1px 1px #030,-1px 1px 1px #030,-1px 0 1px #030}
.text-plus-10:after{content:var(--text);text-shadow:0 0 1px currentColor;-webkit-filter:url(#distant1);filter:url(#distant1)}

.text-plus-11{font-weight:bold;color:orange;
text-shadow:0 0 1px currentColor,-1px -1px 1px #030,0 -1px 1px #030,1px -1px 1px #030,1px 0 1px #030,1px 1px 1px #030,0 1px 1px #030,-1px 1px 1px #030,-1px 0 1px #030}
.text-plus-11:after{content:var(--text);text-shadow:0 0 1px currentColor;-webkit-filter:url(#distant-top);filter:url(#distant-top)}

.text-plus-12{font-weight:bold;color:#840;text-shadow:0 0 1px currentColor,-1px -1px 1px #000,0 -1px 1px #000,1px -1px 1px #000,1px 0 1px #000,1px 1px 1px #000,0 1px 1px #000,-1px 1px 1px #000,-1px 0 1px #000}
.text-plus-12:after{content:var(--text);text-shadow:0 0 1px currentColor;-webkit-filter:url(#distant-front);filter:url(#distant-front)}

.text-plus-13{display:inline-block;font-weight:bold;color:#def;text-shadow:0 0 1px currentColor,-1px -1px 1px #000,0 -1px 1px #000,1px -1px 1px #000,1px 0 1px #000,1px 1px 1px #000,0 1px 1px #000,-1px 1px 1px #000,-1px 0 1px #000;-webkit-filter:url(#diff1);filter:url(#diff1);/*background:#def;padding:0 .2em*/}

.text-plus-14{font-family:cursive;color:rgba(40,80,120,.9);
text-shadow:-1px -1px 1px #000,0 -1px 1px #000,
1px -1px 1px #000,1px 0 1px #000,1px 1px 1px #000,
0 1px 1px #000,-1px 1px 1px #000,-1px 0 1px #000,0 0 4px #000}
.text-plus-14,.text-plus-14:after{-webkit-filter:url(#light2);filter:url(#light2)}
.text-plus-14:after{content:var(--text);text-shadow:none;opacity:1}
